<style src="./invester-subscription.css"></style>

<template lang="html">
<div class="invester-subscription">
  <a class="btn btn-sm btn-primary" @click="evtGoHistory">返回组合列表</a>
  <table class="table table-bordered table-hover">
    <caption>{{payType === 1 ? '华林投顾组合' : '港股投顾组合'}}</caption>
    <thead>
      <tr>
        <th class="col-xs-2">日期</th>
        <th class="col-xs-2">新增订阅量（人）</th>
        <th class="col-xs-2">当前订阅总量（人）</th>
        <th class="col-xs-3">历史累计订阅总量（次）</th>
        <th class="col-xs-3">套餐订阅详情</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="subscrition in subscriptionList">
        <td class="col-sm-2">{{subscrition.dateTime}}</td>
        <td class="col-sm-2">{{subscrition.newadd}}</td>
        <td class="col-sm-2">{{subscrition.current}}</td>
        <td class="col-sm-3">{{subscrition.accumulative}}</td>
        <td class="col-sm-3">
          <subscription-detail
            :beta-id="betaId"
            :sub-type="subType"
            :type="payType"></subscription-detail>
        </td>
      </tr>
    </tbody>
  </table>
</div>
</template>

<script src="./invester-subscription.js"></script>
